<style>
    #nav #nav_show{
        display: none;
        height: 250px;
        width: 1140px;
        background: black;
        /*filter:alpha(Opacity=80);*/
        /*-moz-opacity:0.7;*/
        opacity: 0.7;
        position: fixed;
        top: 105px;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0 auto;
        padding: 0 15px;
    }
    nav ul li{
        padding: 0 25px;
    }
    nav ul li a:hover{
        animation: aHoverW2R 0.5s;
        animation-fill-mode: forwards;
    }
    @keyframes aHoverW2R{
        from{
            color: white;
        }
        to{
            color: red;
        }
    }
    #nav:hover #nav_show{display: block;}
</style>
<nav class="navbar-default" style="height: 40px">
    <div class="container">
        <p></p><p style="align-content: center">欢迎您来到辕古游戏平台~</p>
    </div>
</nav>
<div class="navbar-inverse" style="height: 80px;">
    <div class="container">
        <div class="navbar-collapse collapse" >
            <nav class=" navbar-inverse" id="nav">
                <div class="container">
                    <div class="container-fluid">
                        <!-- Brand and toggle get grouped for better mobile display -->
                        <div class="navbar-header">
                            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                                <span class="sr-only">Toggle navigation</span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button>
                            <a class="navbar-brand" href="#">
                                <img alt="Brand" src="{{asset('/logo2.png')}}" style="width: 233px">
                            </a>
                        </div>

                        <!-- Collect the nav links, forms, and other content for toggling -->
                        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                            <ul class="nav navbar-nav" style="font-size: 16px;">
                                <li><a href="/index{{session('ad_floor')}}.html" style="color: white;position: relative;top:14px;"><strong>首页</strong></a></li>
                                <li><a href="#" style="color: white;position: relative;top:14px;"><strong>新手指南</strong></a></li>
                                <li><a href="#" style="color: white;position: relative;top:14px;"><strong>游戏资料</strong></a></li>
                                <li><a href="#" style="color: white;position: relative;top:14px;"><strong>畅游千年</strong></a></li>
                                <li><a href="#" style="color: white;position: relative;top:14px;"><strong>互动交流</strong></a></li>
                                <li><a href="#" style="color: white;position: relative;top:14px;"><strong>游戏下载</strong></a></li>
                            </ul>
                            <div id="nav_show" style="z-index:99;">
                                <ul style="font-size: 16px;list-style-type: none; position: fixed; left:785px;top:120px" >
                                    <li style="margin:0; padding-top:19px;"><a href="/bgStory.html" style="color: white">背景故事 </a></li>
                                    <li style="margin:0; padding-top:19px;"><a href="/baseDo.html" style="color: white">基本操作 </a></li>
                                    <li style="margin:0; padding-top:19px;"><a href="/gameKey.html" style="color: white">游戏指令 </a></li>
                                    <li style="margin:0; padding-top:19px;"><a href="/newAsk.html" style="color: white">新手问答 </a></li>
                                    <li style="margin:0; padding-top:19px;"><a href="/speedWarning.html" style="color: white">快手说明 </a></li>
                                </ul>
                                <ul style="font-size: 16px;list-style-type: none; position: fixed; left:929px;top:120px" >
                                    <li style="margin:0; padding-top:19px;"><a href="/gameMap.html" style="color: white">游戏地图 </a></li>
                                    <li style="margin:0; padding-top:19px;"><a href="/gameBoss.html" style="color: white">游戏怪物 </a></li>
                                    <li style="margin:0; padding-top:19px;"><a href="/gameNPC.html" style="color: white">游戏NPC </a></li>
                                    <li style="margin:0; padding-top:19px;"><a href="/gameSkill.html" style="color: white">游戏武功 </a></li>
                                    <li style="margin:0; padding-top:19px;"><a href="/gameZB.html" style="color: white">游戏装备 </a></li>
                                </ul>
                                <ul style="font-size: 16px;list-style-type: none; position: fixed; left:1074px;top:120px" >
                                    <li style="margin:0; padding-top:19px;"><a href="/gameGLList.html" style="color: white">游戏攻略</a></li>
                                    <li style="margin:0; padding-top:19px;"><a href="/gameMPList.html" style="color: white">游戏门派</a></li>
                                    <li style="margin:0; padding-top:19px;"><a href="/gameJNList.html" style="color: white">游戏技能</a></li>
                                </ul>
                                <ul style="font-size: 16px;list-style-type: none; position: fixed; left:1216px;top:120px" >
                                    <li style="margin:0; padding-top:19px;"><a href="/userJPGList.html" style="color: white">玩家靓照 </a></li>
                                    <li style="margin:0; padding-top:19px;"><a href="/gameJPGList.html" style="color: white">游戏截图 </a></li>
                                    <li style="margin:0; padding-top:19px;"><a href="/userArticleList.html" style="color: white">精彩文章 </a></li>
                                    <li style="margin:0; padding-top:19px;"><a href="/userExpList.html" style="color: white">经验心得 </a></li>
                                    <li style="margin:0; padding-top:19px;"><a href="/mpActionList.html" style="color: white">门派活动 </a></li>
                                </ul>
                            </div>
                        </div><!-- /.navbar-collapse -->
                    </div><!-- /.container-fluid -->
                </div>
            </nav>
        </div>
    </div>
</div>